<html>
	<head>
		<style>
			DIV.entrys {
				width:75%;
				border:0px solid black;
				float : left;
			}
			DIV.sidebar {
				width:23%;
				height:80%;
				border:1px solid gray;
				float : right;
			}
		</style>
		<script>
			function main() {
				document.body.addEventListener("click", function(e) {
						getSize(e.target);
				}, false);
			}
			function getSize(node) {
				if (node == null) return;
				if (node.nodeName == "DIV") {
					// 画面幅と要素幅の倍率を取得
					var scale = document.body.clientWidth / node.offsetWidth;

					// ズームするとはみ出してもスクロールバーが出ないので、マージンで調整する
					// 当該要素だけ画面内に入ればよしとする

					// ズームで巨大化した横幅
					var zoomedWidth = node.offsetWidth*scale;

					// 左右均等にはみ出す場合の片方のはみ出し幅
					var overWidth = (zoomedWidth - node.offsetWidth) / 2;

					// 元のドキュメント上の左端からの位置を調整
					overWidth -= node.offsetLeft;


					// 同高さ
					var zoomedHeight	= node.offsetHeight * scale;
					var overHeight		= (zoomedHeight - node.offsetHeight) / 2;
//					overHeight				-= node.offsetTop;	// なぜかいらない

					node.setAttribute("style",
						 "-moz-transform:scale("+scale+");"
						+"margin-left:"+overWidth+"px;"
						+"margin-top:"+overHeight+"px;");
				} else {
					getSize(node.parentNode);
				}
				return;
			}
		</script>
	</head>
	<body onload="main();">
		<div class="entrys">
　 ヨハネからアジヤにある七つの教会へ。今いまし、昔いまし、やがてきたるべきかたから、また、その御座の前にある七つの霊から、また、忠実な証人、死人の中から最初に生まれた者、地上の支配者であるイエス・キリストから、恵みと平安とが、あなたがたにあるように。わたしたちを愛し、その血によってわたしたちを罪から解放し、 わたしたちを、その父なる神のために、御国の民として、祭司として下さったかたに、世々限りなく栄光と権力とがあるように、アァメン。
　見よ、彼は、雲に乗ってこられる。すべての人の目、ことに、彼を刺しとおした者たちは、彼を仰ぎ見るであろう。また地上の諸族はみな、彼のゆえに胸を打って嘆くであろう。しかり、アァメン。
　今いまし、昔いまし、やがてきたるべき者、全能者にして主なる神が仰せになる、「わたしはアルパであり、オメガである」。
　あなたがたの兄弟であり、共にイエスの苦難と御国と忍耐とにあずかっている、わたしヨハネは、神の言とイエスのあかしとのゆえに、パトモスという島にいた。
　ところが、わたしは、主の日に御霊に感じた。そして、わたしのうしろの方で、ラッパのような大きな声がするのを聞いた。
　その声はこう言った、「あなたが見ていることを書きものにして、それをエペソ、スミルナ、ペルガモ、テラテア、サルビス、ヒラデルヒア、ラオデキヤにある七つの教会に送りなさい」。
		</div>
		<div class="sidebar">
			サイドバー
		</div>
	</body>
</html>
